<template>
  <div>
    <a-page-header
      style="border: 1px solid rgb(235, 237, 240)"
      title="AdminX"
      sub-title="antd ui"
    >
      <template slot="extra">
        <a-dropdown :trigger="['click']">
          <a-avatar icon="user"  class="ant-dropdown-link" @click="e => e.preventDefault()">
            <a-icon type="down" />
          </a-avatar>

          <a-menu slot="overlay">
            <a-menu-item key="0">
              <a href="http://www.alipay.com/">userName</a>
            </a-menu-item>
            <a-menu-item key="1">
              <a href="http://www.taobao.com/">退出登录</a>
            </a-menu-item>
            <a-menu-divider />
            <a-menu-item key="3">
              3rd menu item
            </a-menu-item>
          </a-menu>
        </a-dropdown>
<!--        <a-avatar icon="user" />-->
<!--        <a-button key="1" type="primary">-->
<!--          Primary-->
<!--        </a-button>-->
      </template>
    </a-page-header>
  </div>
</template>

<script>
export default {
  name: 'HeadMenu'
}
</script>

<style scoped>
.ant-dropdown-link{
  cursor: pointer;
}
</style>
